<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>留言板</title>
	<link rel="stylesheet" href="./template/layui/css/layui.css">
	<script src="./template/layui/layui.js"></script>
</head>
<body style="background: #F2F2F2">
<ul class="layui-nav" lay-filter="">
    <li class="layui-nav-item">
        <a href="">留言板</a></li>
    <li class="layui-nav-item">
        <a href="">产品</a></li>
    <li class="layui-nav-item">
        <a href="">大数据</a></li>
    <li class="layui-nav-item">
        <a href="javascript:;">解决方案</a>
        <dl class="layui-nav-child">
            <!-- 二级菜单 -->
            <dd>
                <a href="">移动模块</a></dd>
            <dd>
                <a href="">后台模版</a></dd>
            <dd>
                <a href="">电商平台</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item">
        <a href="./reg.php">注册</a></li>
</ul>
<div class="layui-container" style="padding-top: 30px;"> 
  <div class="layui-row">
  	<div class="layui-col-md8">
  		<div class="layui-col-md6" style="padding: 10px">
  			<div class="layui-card">
			  <div class="layui-card-header">
			  	<span class="layui-col-md8">小明</span>
			  	<div class="layui-col-md4">
			  		<button class="layui-btn layui-btn-xs layui-btn-danger"><i class="layui-icon"></i></button>
			  		<button class="layui-btn layui-btn-xs"><i class="layui-icon"></i></button>
			  	</div>
			  </div>
			  <div class="layui-card-body">
			    卡片式面板面板通常用于非白色背景色的主体内(2018-12-01 15：36：21)
			  </div>
			</div>
  		</div>
  		<div class="layui-col-md6" style="padding: 10px">
  			<div class="layui-card">
			  <div class="layui-card-header">
			  	<span class="layui-col-md8">小明</span>
			  	<div class="layui-col-md4">
			  		<button class="layui-btn layui-btn-xs layui-btn-danger"><i class="layui-icon"></i></button>
			  		<button class="layui-btn layui-btn-xs"><i class="layui-icon"></i></button>
			  	</div>
			  </div>
			  <div class="layui-card-body">
			    卡片式面板面板通常用于非白色背景色的主体内(2018-12-01 15：36：21)
			  </div>
			</div>
  		</div>
  		<div class="layui-col-md6" style="padding: 10px">
  			<div class="layui-card">
			  <div class="layui-card-header">
			  	<span class="layui-col-md8">小明</span>
			  	<div class="layui-col-md4">
			  		<button class="layui-btn layui-btn-xs layui-btn-danger"><i class="layui-icon"></i></button>
			  		<button class="layui-btn layui-btn-xs"><i class="layui-icon"></i></button>
			  	</div>
			  </div>
			  <div class="layui-card-body">
			    卡片式面板面板通常用于非白色背景色的主体内(2018-12-01 15：36：21)
			  </div>
			</div>
  		</div>
  		<div class="layui-col-md6" style="padding: 10px">
  			<div class="layui-card">
			  <div class="layui-card-header">
			  	<span class="layui-col-md8">小明</span>
			  	<div class="layui-col-md4">
			  		<button class="layui-btn layui-btn-xs layui-btn-danger"><i class="layui-icon"></i></button>
			  		<button class="layui-btn layui-btn-xs"><i class="layui-icon"></i></button>
			  	</div>
			  </div>
			  <div class="layui-card-body">
			    卡片式面板面板通常用于非白色背景色的主体内(2018-12-01 15：36：21)
			  </div>
			</div>
  		</div>
  	</div>
  	<div class="layui-col-md4" style="padding: 10px">
  		<form class="layui-form" style="background: #fff;" action="">
		  <div class="layui-form-item">
		    <label class="layui-form-label">单选框</label>
		    <div class="layui-input-block">
		      <input type="radio" name="sex" value="公开" title="公开" lay-verify="required">
		      <input type="radio" name="sex" value="私有" title="私有" lay-verify="required">
		    </div>
		  </div>
		  <div class="layui-form-item layui-form-text">
		    <label class="layui-form-label">文本域</label>
		    <div class="layui-input-block">
		      <textarea name="desc" placeholder="请输入内容" lay-verify="required" class="layui-textarea"></textarea>
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <div class="layui-input-block">
		      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
		    </div>
		  </div>
		</form>
  	</div>
  </div>
</div>
<script>
	//注意：导航 依赖 element 模块，否则无法进行功能性操作
	layui.use(['element','form'], function(){
	  var element = layui.element;
	  var form = layui.form;


	});
</script>
</body>
</html>